<html>
 <head>
    <title>[var.TITLE]</title>
    <link href="[var.ROOT_CSS_DIR]/main.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">
    <link href="[var.ROOT_CSS_DIR]/facet/style.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">
    <script type="text/javascript" src="[var.ROOT_DIR]js/common.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/doiMenuDOM.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/functions.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.php"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.cfg"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsformgrid.php?session=[var.SessionVar]"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsmasks.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsverify.php?session=[var.SessionVar]"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsinit.php?session=[var.SessionVar]"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jquery.min.js"></script>

 </head>
 <body bgcolor="FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
    <table border="0" cellspacing="0" cellpadding="0" width="100%" align="[var.POSITION]">
        <tr>
            <td>[tbs_include.onshow;file=[var.HTMLHeader];getob;]</td>
        </tr>
        <tr>
            <td>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
                </tr>
                <tr>
                    <td background="[var.ROOT_IMG_DIR]/back-menu.gif">
                    <table border="0" cellspacing="0" cellpadding="0" width="100%">
                        <tr>
                            <td>
                            <script language="JavaScript" type="text/JavaScript">menu.Build();</script>
                          </td>
                          <td class="head-login">Login as [var.USERPROFILE_NAME]</td>
                        </tr>
                      </table>
                    </td>
                </tr>
                <tr>
                    <td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
                </tr>
            </table>
            </td>
        </tr>
        <tr height="100%">
            <td>
            <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
                <tr valign="top">
                    <td width="100%">
                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                            <tr>
                                <td class="head-path"></td>
                                <td class="corner-date">[var.CORNER_DATE]</td>
                            </tr>
                        </table>
                        <table border="0" cellspacing="0" cellpadding="5" width="100%">
                            <tr>
                                <td class="FacetHeaderContent" >.:[var.SubHeaderTitle]:.</td>
                            </tr>
                        </table>

                        <table border="0" cellspacing="0" cellpadding="5" width="100%">
                            <tr>
                                <td class="contentTitle">
                                Menu
                                </td>
                            </tr>
                            <tr>
                                <td class="content2">
                                <table cellspacing="2" cellpadding="0">
                                 <tr>
                                   <td>
                                    <input type="button" name="Action" value="<<Back" class="button" onClick="self.location.replace('[sys.script_name]')">
                                   </td>
                                   <td>
                                    <input type="button" name="Action" value="Done" class="button" onClick="self.location.replace('[var.SERVER_URL]')">
                                   </td>
                                 </tr>
                                </table>
                                </td>
                            </tr>
                            <tr>
                                <td class="content2">
                        <!-- FORM SECTION -->
                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                        <form method="post" action="[var.FormAction]" name="[var.HTMLFormName]" ONSUBMIT="if (this.submitted) return true; else return false;">
                              <tr>
                                <td class="fieldCaption" align="right">ID No.</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <input type="text" name="[headbln.nobkt]" value="AUTO NUMBERED BY SYSTEM" maxlength="255" size="25" class="input" onkeyup="this.value=this.value.toUpperCase()" class="input" readonly>
                                <input type="hidden" name="aslref" value="[var.PRIMARY_VALUE]" maxlength="255" size="25" class="input" onkeyup="this.value=this.value.toUpperCase()" class="input" readonly>
                                </td>

                                <td class="fieldCaption" align="right">Transaction Date</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <input type="text" name="[headbln.tglbkt]" value="[tbs_check;if [var.FormMode]=Edit;then [headblv.tglbkt;frm='dd/mm/yyyy']; else [sys.now;frm='dd/mm/yyyy']]" maxlength="255" size="10" class="input">
                                <a href="javascript:void(0)" onclick="gfPop.fPopCalendar(document.[var.HTMLFormName].[headbln.tglbkt]);return false;" hidefocus>
                                    <img name="popcal" align="absMiddle" src="[var.ROOT_DIR]js/Calendar/pop/calbtn.gif" width="34" height="22" border="0" alt=""></a>
                                </td>
                              </tr>
                              <tr>
                                <td class="fieldCaption" align="right">Currency</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <!--select name="[headbln.curr]" class="input" onchange="GetRate()">
                                  <option value="">-</option>
                                  <option value="[currformblk.tusymbol]">[currformblk.tusymbol;block=option]</option>
                                  <option>[headblv.curr;selected;noerr]</option>
                                </select-->
                                [currency.curr;noerr]
                                <input type="hidden" name="[headbln.curr]" value="[currency.curr;noerr]" class="input">
                                </td>

                                <td class="fieldCaption" align="right">Currency Rate</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <input type="text" name="[headbln.rate]" value="[headblv.rate;frm='0,000.00']" maxlength="255" size="10" class="inputNumber" readonly>
                                </td>
                              </tr>
                              <tr>
                                <td class="fieldCaption" align="right"></td>
                                <td class="fieldCaption" width="2"></td>
                                <td class="fieldCaption"></td>
                               <td class="fieldCaption" align="right"></td>
                               <td class="fieldCaption" width="2"></td>
                               <td class="fieldCaption">
                                <input type="hidden" name="[headbln.debnam]" value="[var.DEBNAM]">
                                <input type="hidden" name="[headbln.debtur]" value="[var.DEBTUR]">
                               </td>
                              </tr>
                         </table>
                         <!-- FORM SECTION -->
                                </td>
                            </tr>
                        </table>
                        <hr size="1" color="DFDFDF">
                        <div id="spanHeader" style="height: 25px; vertical-align: top; overflow-y: noscroll;">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                        <input type=hidden name="NewData" value="[var.NewDataStart]">
                            <tr>
                                <td nowrap class="FacetColumnTD" align="center" width="35">No.</td>
                                <td nowrap class="FacetColumnTD" align="center" width="300">Description.</td>
                                <td nowrap class="FacetColumnTD" align="center" width="150">Amount</td>
                                <td nowrap class="FacetColumnTD" align="center" width="130">D/K</td>
                                <td nowrap class="FacetColumnTD" align="center" width="130">COA</td>
                                <td nowrap class="FacetColumnTD" align="center" width="130">Order</td>
                                <td nowrap class="FacetColumnTD" align="center" width="130">Ref</td>
                                <td nowrap class="FacetColumnTD" align="center" width="90"></td>
                                <td nowrap class="FacetColumnTD" align="center">&nbsp;</td>
                            </tr>
                        </table>
                        </div>

                        <div id="spanDetail" style="height: 200px; vertical-align: top; overflow: auto;">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                            <input type=hidden name="NewData" value="[var.NewDataStart]">
                            <tr id="[blg.#]" style="display:[blg._display;noerr]">
                                <td nowrap class="FacetDataTD" align="right" width="35" align="right">
                                [blg.#;block=tr].
                                <input type="hidden" name="urut[blg.#]" value="[blg.#]" maxlength="255" size="15" class="input">
                                </td>
                                <td nowrap class="FacetDataTD"  width="300" align="center">
                                   <input type="text" name="uraian[blg.#]" value="[blg.uraian]" maxlength="255" size="15" id="input" onkeyup="this.value=this.value.toUpperCase()" class="gridBox">
                                   <input type="hidden" name="kdact[blg.#]" value="[blg.kdact]" >
                                   <input type="hidden" name="jo_costing_id[blg.#]" value="[blg.jo_costing_id;noerr]" >
                                </td>
                                <td nowrap class="FacetDataTD" width="150" align="center">
                                    <input type="text" name="jumlah[blg.#]" value="[blg.jumlah;frm='0,000.00']" maxlength="255" size="10" class="inputnumber" onkeyup="GetTotal ();maskMode(this.name,this.value);">
                                    <input type="hidden" name="jumlah_temp[blg.#]" value="[blg.jumlah;frm='0,000.00']" maxlength="255" size="10" class="inputnumber" readonly>
                                </td>
                                <td class="FacetDataTD" align="center" width="130">
		                              <select name="dk[blg.#]" class="input" onchange="GetTotal ()">
		                                  <option value="">-</option>
		                                  <option value="D">D</option>
		                                  <option value="K">K</option>
		                                  <option>[blg.dk;selected;noerr]</option>
                                   </select>
                                </td>
                                <td class="FacetDataTD" width="130" align="center">
                                <input type="text" name="skada[blg.#]" value="" maxlength="255" size="10" class="input" onclick="openSkada([blg.#])">
                                </td>
                                <td class="FacetDataTD" width="130" align="center">
                                <input type="text" name="noorder[blg.#]" value="[blg.noorder]" maxlength="255" size="6" class="input" onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td class="FacetDataTD" width="130" align="center">
                                <input type="text" name="noref[blg.#]" value="[var.REF]" maxlength="255" size="6" class="input" readonly onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td class="FacetDataTD" align="center" width="90">
                                <a href="javascript:OpenPrincipal ([blg.#]);"><img src="[var.ROOT_IMG_DIR]/new.gif" align="middle" border=0></a>
                                <input type="hidden" name="princ[blg.#]" value="[blg.princ;noerr]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="vessel[blg.#]" value="[blg.vessel;noerr]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="voyage[blg.#]" value="[blg.voyage;noerr]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="port[blg.#]" value="[blg.port;noerr]" maxlength="255" size="15" class="input">
                                </td>
                                <td nowrap class="FacetColumnTD" align="center">&nbsp;</td>
                                
                            </tr>
                        </table>
                        </div>

                        <div id="spanDetail999" style="height: 25px; vertical-align: top; overflow: noscroll">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                            <tr id="999" style="display:[blg._display;noerr]">
                                <td nowrap class="FacetDataTD" align="right" width="35" align="right">
                                999.
                                </td>
                                <td nowrap class="FacetDataTD"  width="300" align="center">
                                <input type="text" name="uraian999" value="[blg9.uraian]" maxlength="255" size="15" class="input" onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td nowrap class="FacetDataTD" width="150" align="center">
                                <input type="text" name="total_trans" value="[blg9.jumlah]" maxlength="255" size="10" class="inputNumber">
                                </td>
                                <td class="FacetDataTD" align="center" width="130">
                                  <select name="dk999" class="input" >
                                        <option value="">-</option>
                                        <option value="D">D</option>
                                        <option value="K">K</option>
                                        <option>[blg9.dk;selected;noerr]</option>
                                  </select>
                                </td>
                                <td class="FacetDataTD" width="130" align="center">
                                <input type="text" name="skada999" value="[blg9.skada]" maxlength="255" size="10" class="input">
                                <input type="hidden" name="kdact999" value="[blg9.kdact]" maxlength="255" size="10" class="input">
                                </td>
                                <td class="FacetDataTD" width="130" align="center">
                                <input type="text" name="noorder999" value="[blg9.noorder]" maxlength="255" size="6" class="input" onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td class="FacetDataTD" width="130" align="center">
                                <input type="text" name="noref999" value="[blg9.noref]" maxlength="255" size="6" class="input" onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td class="FacetDataTD" align="center" width="90">
                                <a href="javascript:OpenPrincipal (999);"><img src="[var.ROOT_IMG_DIR]/new.gif" align="middle" border=0></a>
                                <input type="hidden" name="memorial_id999" value="[blg9.memorial_id;noerr]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="princ999" value="[blg9.princ;noerr]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="vessel999" value="[blg9.vessel;noerr]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="voyage999" value="[blg9.voyage;noerr]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="port999" value="[blg9.port;noerr]" maxlength="255" size="15" class="input">
                                </td>
                                <td nowrap class="FacetColumnTD" align="center">&nbsp;</td>
                            </tr>
                        </table>
                        </div>

                        <div id="spanButton" style="height: 35px; vertical-align: top; overflow-y: noscroll;">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                            <tr>
                                <td align="right" class="FacetColumnTD">
                                <table border="0" cellspacing="2" cellpadding="0">
                                    <tr>
                                    	  <!--
                                        <td>[tbs_check;block=td;if [var.USER_CANINSERT]=1]
                                        <input name="FormAction" type="submit" value="Next Line" class="button" onclick="return AddFormGrid(this,'[var.HTMLFormName].uraian')">
                                        </td>
                                        -->
                                        <td>[tbs_check;block=td;if [var.USER_CANINSERT]=1][tbs_check;block=td;if [var.USER_CANUPDATE]=1]
                                           <!--<input name="FormAction" type="submit" value="Save" class="button" ONCLICK="if (VerifyForm(this.form) && CheckAllGrid('[var.HTMLFormName].uraian')) {this.form.submitted = true; return true;}">-->
                                           <input name="FormAction" type="submit" value="Save" class="button" ONCLICK="checkVerification(this.form);">
                                        </td>
                                        <!--
                                        <td>[tbs_check;block=td;if [var.USER_CANDELETE]=1]
                                        <input type="button" name="Action" value="Delete" class="button" onClick="if (confirm('Are you sure want to delete ?')) {[var.HTMLFormName].action='[sys.script_name]?FormAction=Delete&[var.PRIMARY_KEY]=[var.PRIMARY_VALUE]&PageMode=Form&form=[var.HTMLFormName]';[var.HTMLFormName].submit();}">
                                        </td>
                                        -->
                                        <td>
                                        <input name="FormAction" type="submit" value="Cancel" class="button" onClick="self.location.replace('[sys.script_name]')">
                                        </td>
                                    </tr>
                                </table>
                                </td>
                                </td>
                            </tr>
                            </form>
                        </table>
                        </div>
                    </td>
                </tr>
            </table>
            </td>
        </tr>
        <tr>
            <td>
            <br>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="footer1"><img src="images/spacer.gif" height="1" width="1"></td>
                </tr>
                <!--tr>
                    <td class="footer2">Prototype Test - Web Application</td>
                </tr-->
            </table>
            </td>
        </tr>
    </table>
<iframe width="174" height="189" name="gToday:normal:agenda.js" id="gToday:normal:agenda.js" src="[var.ROOT_DIR]js/Calendar/pop/ipopeng.htm" scrolling="no" frameborder="0" style="LEFT: -500px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; Z-INDEX: 999"></iframe>
 </body>
 <script>
 $(function(){
    GetRate();
 });

 [var.InitFunction]

 GetTotal ();
 GetSkada999();
 function GetTotal () {
    document.[var.HTMLFormName].total_trans.value = SumTotal("jumlah");
 }
 
 function maskMode(names,values){
    //alert(tes);
    oMask2 = new Mask('#,###.##', 'number');
    $("input[name="+names+"]").val(oMask2.format(values));

 }

 function GetReceived(val) {
     switch (val){
        case "1":
            newwin = window.open("ais_transaction_custlist.php?FormName=[var.HTMLFormName]","toolcalc","height=400,width=640,noscroll,resizable");
            break;
        case "2":
            newwin = window.open("ais_transaction_stafflist.php?FormName=[var.HTMLFormName]","toolcalc","height=400,width=640,noscroll,resizable");
            break;
        case "3":
            document.[var.HTMLFormName].[headbln.debnam].blur();
            newwin = window.open("ais_transaction_vendorlist.php?FormName=[var.HTMLFormName]","toolcalc","height=400,width=640,noscroll,resizable");
            break;
     }
 }


function checkVerification(obj)
{
    var checksum = 0;
    var errorMsg = "";
    
    
    var tglbkt = eval("document.[var.HTMLFormName].tglbkt.value");
    var total_trans = eval("document.[var.HTMLFormName].total_trans.value");
    var skada999 = eval("document.[var.HTMLFormName].skada999.value");
    var dk999 = eval("document.[var.HTMLFormName].dk999.value");
    
    
    if(tglbkt == "")
    {
        errorMsg+= "Transaction Date should not empty\n";
    }     
         
    if(total_trans == "")
    {
        errorMsg+= "Total Amount in line 999 should not empty\n";
    }
    
    if(skada999 == "")
    {
        errorMsg+= "COA in line 999 should not empty\n";
    }
    
    if(dk999 == "")
    {
        errorMsg+= "D/K in line 999 should not empty\n";
    }
    

    //VERIFICATION FOR GRID	
    
    $(".gridBox:visible").each(function(n) {
        objname = this.name;
        objval = eval("document.[var.HTMLFormName]."+objname+".value");
        lastname = objname.substring(6);
        lastname = parseInt(lastname);
        
        if(objval != "")
        {        	  
		        var jumlah = eval("document.[var.HTMLFormName].jumlah"+lastname+".value");
		        var skada = eval("document.[var.HTMLFormName].skada"+lastname+".value");
		        var dk = eval("document.[var.HTMLFormName].dk"+lastname+".value");		        
		        var noref = eval("document.[var.HTMLFormName].noref"+lastname+".value");
		
		        if(jumlah == "")
		        {
		          errorMsg+= "Amount in grid line no."+lastname+" should not empty\n";
		        }
		        
		        if(skada == "")
		        {
		          errorMsg+= "COA in grid line no."+lastname+" should not empty\n";
		        } 
		        
		        if(dk == "")
		        {
		          errorMsg+= "Code D/K in grid line no."+lastname+" should not empty\n";
		        } 
		        
		        if(noref == "")
		        {
		          errorMsg+= "Reference  in grid line no."+lastname+" should not empty\n";
		        } 
		         
        }
       
       
    });
    
	
   
    if(errorMsg != "")
    {
        alert(errorMsg);
        return false;
    }

    else
    {
        obj.submitted = true; 
        return true;        
    }
  
  
  
  

}


function OpenCalc(formname, desc, total, act, qty, tarif) {
    newwin = window.open("ais_transaction_calc.php?PageMode=Form&desc="+desc+"&total="+total+"&act="+act+"&qty="+qty+"&tarif="+tarif+"&formname="+formname,"toolcalc","height=10,width=450,noscroll,resizable")
}

 function OpenPrincipal (number) {
    newwin = window.open("ais_transaction_receipt_entry.php?PageMode=Page2&FormName=[var.HTMLFormName]&Number="+number,"vessel","height=105,width=300,noscroll,noresizable");
 }

 function GetRate() {
     tgl_curr = document.[var.HTMLFormName].tglbkt.value;
     if (tgl_curr.length) LoadRPC ("iLoader", "[var.FileName]", "curr="+document.[var.HTMLFormName].curr.value+"&tglbkt="+tgl_curr);
 }

 function GetSkada999() {
     LoadRPC ("iLoader", "[var.FileName]", "ktrasl=[var.OfficeID]&BS=1");
 }

 function GetSkada() {
     skada1 = document.[var.HTMLFormName].thbl.value;
     if (skada1.length) LoadRPC ("iLoader", "[var.FileName]", "thbl="+document.[var.HTMLFormName].thbl.value);
 }

 function SumTotal (component) {
     oMask = new Mask('#,###.#0', 'number');
     var comp_str = "document.[var.HTMLFormName]."+component;

     var TotalComponent = [var.MaxGrid] + [var.NewDataStart] - 1;
     var sum_all = 0;
     var subtotal = 0;
     var js_str = "";

     for (x=1;x<=TotalComponent;x++) {
               js_str = "subtotal = "+comp_str+x+".value;\n";
               js_dk  = "dk_val = "+"document.[var.HTMLFormName]."+"dk"+x+".value;\n";
               eval (js_str+js_dk);

               if (subtotal.length) subtotal = StrToNumber(subtotal);
               else subtotal = 0;
               if (dk_val=="D") sum_all = sum_all + parseFloat(subtotal);
               else if (dk_val=="K") sum_all = sum_all - parseFloat(subtotal);
     }
     if (sum_all<0) {
        sum_all  = sum_all * -1;
        document.[var.HTMLFormName].dk999.value="D";
     } else document.[var.HTMLFormName].dk999.value="K";
     return oMask.format(sum_all);
 }

 function openSkada(idx) {
    tglbkt = document.[var.HTMLFormName].tglbkt.value;
    newwin = window.open("ais_transaction_coapicker.php?idx="+idx+"&FormName=[var.HTMLFormName]"+"&Field=skada"+idx+"&BMode=MEM"+"&period="+tglbkt,"skadasearch","height=400,width=640,noscroll,noresizable");
 }


 </script>
</html>
